<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<ng-container *ngIf="typeUtils.isRealString(data.description?.value)">
  <div *ngIf="data.description?.type == 'html'" [innerHTML]="data.description?.value | safehtml" class="lv-pro-messagebox-des"></div>
  <div *ngIf="data.description?.type == 'text'">{{ data.description?.value }}</div>
</ng-container>

<ng-container *ngIf="data.list">
  <div class="lv-pro-messagebox-list">
    <lv-pro-table #dataTable [config]="tableConfig" [data]="tableData"></lv-pro-table>
  </div>
</ng-container>

<ng-container *ngIf="data.checkbox">
  <lv-checkbox-group [(ngModel)]="selected" (ngModelChange)="checkboxModelChange($event)">
    <lv-group lvDirection='vertical' lvGutter='8px'>
      <ng-container *ngFor="let d of data.checkbox?.data">
        <lv-checkbox [lvValue]="d.value" [lvDisabled]="d.disabled">{{d.label}}</lv-checkbox>
      </ng-container>
    </lv-group>
  </lv-checkbox-group>
</ng-container>